<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>首页</title>
  <link rel="stylesheet" href="images/css/reset.css">
  <link rel="stylesheet" href="images/css/common.css">
  <script src="images/js/jquery-1.8.3.min.js"></script>
</head>
<body>
  <!-- 头部 -->
  <div class="header">
    <div class="container clearfix">
      <div class="h_left fl">
        <div class="logo fl"><a href="javascript:;"><img src="images/logo.jpg" class="logo_img" alt=""></a></div>
        <div class="company_name_box fl">
          <p class="company_name">佛山市<span>某某五金制品</span>有限公司</p>
          <p class="company_desc">专业设计生产和销售幕墙配件、栏杆立柱、楼梯扶手、卫浴五金等制品</p>
        </div>
        <div class="h_call_box fr">
          <div class="h_call">xxxxxxxxxxxx</div>
          <div class="h_call">xxxxxxxxxxxx</div>
        </div>
      </div>
      <div class="h_right fr">    
        <div class="ma">
          <img src="images/erweima.jpg" alt="">
        </div>
      </div>
    </div>
  </div>
  <div class="nav">
    <div class="container">
      <ul class="nav_list">
        <li><a href="/">首页</a></li>
        <li><a href="chanpinliebiao.html">供应产品<span class="icon_down"></span></a>
          <ul class="sub_nav">
            <li><a href="javascript:;">移门系列移门系列移门系列</a></li>
            <li><a href="javascript:;">立柱系列</a></li>
          </ul>
        </li>
        <li><a href="danyemian.html">公司档案</a></li>
        <li><a href="gongsixiangce.html">公司相册</a></li>
        <li><a href="wenzhangliebiaoye.html">公司动态</a></li>
        <li><a href="shengchanchejian.html">生成车间</a></li>
        <li><a href="danyemian.html">非标定制</a></li>
        <li><a href="lianxiwomen.html">联系方式</a></li>
      </ul>
    </div>
  </div>
  <!-- 以上为公共头部 -->

  <!-- 主体 -->

  <div class="main">
    <div class="container clearfix">
      <div class="left_menu fl">
        <div class="navbox">
                <div class="nav-title">
                    <h2>产品中心</h2>
                    <span class="icon_dot"></span>
                </div>
                <div class="nav-con">
                 <!--   一级分类高亮class：selected
                  二级分类高亮class：left_navactive -->
                    <dl>
                        <dt class="selected">
                            <span class="common-img flex minus"></span>
                            <a href="javascript:;">高立柱系列</a>
                        </dt>
                        <!-- 如果有二级分类 -->
                        <div class="su_leftmenu">
                            <dd class="left_navactive">
                                <a href="javascript:;">沥青基防水涂料</a>
                            </dd>
                        
                            <dd>
                                <a href="javascript:;">聚合物水泥基防水涂料</a>
                            </dd>
                        
                            <dd>
                                <a href="javascript:;">聚氨酯防水涂料</a>
                            </dd>
                            
                        </div>  
                    </dl>
                    <dl>
                        <dt class="">
                            <span class="common-img flex minus"></span>
                            <a href="javascript:;">防水涂料</a>
                        </dt>
                        <div class="su_leftmenu">
                            <dd>
                                <a href="javascript:;">沥青基防水涂料</a>
                            </dd>
                        
                            <dd>
                                <a href="javascript:;">聚合物水泥基防水涂料</a>
                            </dd>
                        
                            <dd>
                                <a href="javascript:;">聚氨酯防水涂料</a>
                            </dd>
                            
                        </div>  
                    </dl>              
                </div><!-- nav-con -->
            </div><!-- navbox -->

            <!-- 联系方式 -->
            <div class="left_lxwm">
              <h2>联系方式</h2>
              <div class="left_lxwm_con">
                <p>XXX 先生 （业务部 经理）</p>
                <p>电      话：XXX</p>
                <p>传      真：XXX</p>
                <p>公司地址：XXX</p>
                <p class="txt_right"><small><a class="blue" href="javascript:;">更多>></a></small></p>
              </div>
            </div>

            <!-- 友情链接 -->
            <div class="left_lxwm">
              <h2>友情链接</h2>
              <div class="left_lxwm_con">
                <div class="left_friend_links">
                   <a href="javascript:;">骏域网络</a>
                   <a href="javascript:;">百度</a>
                </div>
              </div>
            </div>

      </div>
      <script src="images/js/leftmenu.js"></script>
      <!-- left_menu -->
      <div class="right_content fr">
        <div class="title">
        <h1>公司动态</h1>
      </div>
      <div class="right_con">
          <div class="article_con">
             <div class="article_title">不锈钢材质分类方法</div>
             <div class="article_ps"><span>作者：某某立柱栏杆</span>|<span>2019-3-5</span>|<span>浏览：39</span></div>
             <div class="article_detail">
                这里是文章详情这里是文章详情这里是文章详情这里是文章详情这里是文章详情
             </div>
              <div class="bshare-custom">分享到：<a title="分享到QQ空间" class="bshare-qzone"></a><a title="分享到新浪微博" class="bshare-sinaminiblog"></a><a title="分享到人人网" class="bshare-renren"></a><a title="分享到腾讯微博" class="bshare-qqmb"></a><a title="分享到网易微博" class="bshare-neteasemb"></a><a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>

              <div class="article_pages">
                <p>上一篇：<a href="javascript:;">不锈钢材质分类方法</a></p>
                <p>下一篇：<a href="javascript:;">不锈钢材质分类方法</a></p>
              </div>
          
          </div> 

      </div><!-- right_con -->
      </div><!-- right_content -->
    </div>
  </div>


  <!-- 以下为公共底部 -->
  <div class="footer">  
       <div class="footer_nav">
            <div class="container">
             <ul>
              <li><a href="javascript:;">高立柱系列</a></li>
              <li><a href="javascript:;">高立柱系列</a></li>
              <li><a href="javascript:;">高立柱系列</a></li>
              <li><a href="javascript:;">高立柱系列</a></li>
              <li><a href="javascript:;">高立柱系列</a></li>
              <li><a href="javascript:;">高立柱系列</a></li>
              <li><a href="javascript:;">高立柱系列</a></li>
              <li><a href="javascript:;">高立柱系列</a></li>
             </ul>
            </div>
       </div>
       <div class="footer_bottom">
        <div class="container clearfix">
          <div class="fl">
            <img src="images/footer_logo.png" alt="" class="fl">
            <div class="footer_address_box fl">
              <div class="footer_address">
                <p>佛山市顺德区某某五金制品公司</p>
                <p>电话:XXX</p>
                <p>地址：XXX</p>
              </div>
            </div>
           </div>
           <div class="fr">
            <img src="images/ma.jpg" alt="">
           </div>
      </div>
       </div>
       </div>
  </div>
</body>
</html>